function more(){
    this.addListener();
}

more.moreTemplate = ` <ul class="nav nav-tabs" id="myTab">
  <li class="active"><a href="#home">关于我们</a></li>
  <li><a href="#profile">联系我们</a></li>
  <li><a href="#messages">公告</a></li>
  <li><a href="#settings">说明</a></li>
</ul>
  
<div class="tab-content">
  <div class="tab-pane active" id="home">.关于我们..</div>
  <div class="tab-pane" id="profile">联系我们...</div>
  <div class="tab-pane" id="messages">公告内容..</div>
  <div class="tab-pane" id="settings">说明内容..</div>
</div>`;

  $.extend(more.prototype,{
    addListener(){
      $(".more-btn").on("click",this.createDom);
    },
    createDom(){
        $("#content").html(more.moreTemplate);
    }
  });
new more();
